<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>登录</title>
    <th:block th:include="~{common/common::commonHead}"/>
    <link rel="stylesheet" th:href="@{/css/login.css}">
    <script th:src="@{/js/login.js}"></script>
</head>
<body>
<div class="login-box">
    <div class="login-title text-center">
        <h1><small>登录</small></h1>
    </div>
    <div class="login-content">
        <form role="form" id="loginForm">
            <div class="form-group">
                <div class="col-xs-12">
                    <div class="input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                        <input type="text" id="username" name="username" class="form-control" placeholder="用户名">
                    </div>
                </div>
                <div class="col-xs-12">
                    <span class="help-block"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-12  ">
                    <div class="input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                        <input type="password" id="password" name="password" class="form-control" placeholder="密码">
                    </div>
                </div>
                <div class="col-xs-12">
                    <span class="help-block"></span>
                </div>
            </div>
            <div class="form-group" th:unless="${@projectConfig.environment == 'inner' || @projectConfig.environment == 'bank'}">
                <div class="col-xs-8">
                    <div class="input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-barcode"></span></span>
                        <input type="text" id="patchca" name="patchca" class="form-control" placeholder="请输入右侧验证码">
                    </div>
                </div>
                <div class="col-xs-4">
                    <img id="patchcaImg" src="" title="验证码" th:src="@{/patchca.img}" height="34">
                </div>
                <div class="col-xs-12">
                    <span class="help-block"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-6">
                    <button type="button" id="login" class="btn btn-block btn-blue">登录</button>
                </div>
                <div class="col-xs-6">
                    <button type="button" id="cancel" class="btn btn-block btn-default">重置</button>
                </div>
            </div>
        </form>
    </div>
    <div class="clearfix"></div>
</div>

</body>
</html>
